<template>
	<view class="bg">
		<xl-navbar title="Html解析组件" fixed shadow></xl-navbar>
		<view class="content">
			<view class="title">基础样式</view>
			<xl-html :content="html"></xl-html>
			<view class="title">Markdown解析</view>
			<xl-html markdown :content="markdown"></xl-html>
		</view>
	</view>
</template>

<script setup>
	import { ref, onMounted, computed } from "vue";
	
	const html = ref("<div>Hello World!<p>Html解析组件</p><br/><img src='/static/imgs/pic.png'/></div>")
	const markdown = ref(`### Markdown解析 
	- Html解析组件：Html解析组件 
	- Markdown解析：Markdown解析`)
</script>

<style lang="scss" scoped>
	
</style>